/**
 * $Id: content.css 202 2012-05-05 10:00:49Z nhadi@menestystech.com $ 
 * @author nuarharuha
 */
/* webfont type*/
.fnt-1                                  {  font-family: 'Six Caps', sans-serif }
.fnt-2                                  {  font-family: 'Jockey One', sans-serif }
.fnt-sixcaps                            {  font-family: 'Six Caps', sans-serif }
/* webfont */
body                                    {
                                          font-family: 'Open Sans',Arial, Tahoma, verdana, sans-serif;
                                          background: url('../img/bg-grid.png') repeat scroll center top #f5f5f5;
	}
/* navigation */
#nav                                    {
                                          background: #555 url('../img/menu-bg.png') repeat-x 0% 0%;
                                          font-family: Arial, Tahoma, Verdana, sans-serif;
                                          box-shadow: 0px 1px 3px #444;
	}
.borderradius #nav,
.borderradius #nav ul.clearfix          {  border-top-right-radius: 0.4em }
#nav ul.clearfix                        {
                                          margin: 0pt;
                                          padding: 0;
                                          list-style: none;
                                          border-top: 2px solid #555;
	}
#nav ul.clearfix li                     {
                                          -moz-transition-duration: 0.5s;
                                          -webkit-transition-duration: 0.5s;
                                          -o-transition-duration: 0.5s;
                                          float: left;
                                          border-right: 1px solid #111;
                                          border-left: 1px solid #555;
                                          border-bottom: 4px solid #353535;
                                          float: left;
                                          padding: 0px 20px 0px;
	}
#nav ul li.first                        {
                                          padding-left: 20px;
                                          border-left: 0pt;
	}
#nav ul li a                            {
                                          font-size: 0.8em;
                                          font-weight: 700;
                                          text-transform: uppercase;
                                          text-decoration: none;
                                          color: #fff;
                                          display: block;
                                          padding: 20px 0pt 16px;
	}
#nav ul li:hover                        {
                                          background-color: #111; /*0054a6*/
                                          border-bottom-color: #BB161D;
	}
#nav ul li:hover a                      {  color: #fff }
#nav ul li.active                       {
                                          background-color: #fff;
                                          border-bottom-color: #fff;
	}
#nav ul li.active a                     {  color: #111 }
/* end navigation */
/* banner */
.banner                                 {
                                          background-color: #fff;
                                          background-image: url("../img/banner.jpg");
                                          background-repeat: no-repeat;
                                          border-color: #fff;
                                          border-right: 5px solid #fff;
                                          border-style: solid;
                                          border-width: 20px 5px;
                                          box-shadow: 0 -4px 3px #555;
                                          height: 200px;
	}
.page-about .banner                     {  background-image: url('../img/banner-about.png') }
/* end of banner */
/* content */
.main                                   {  background-color: #fff }
.page-projects .main                    {  padding-bottom: 20px }
header h1                               {
                                          width: 391px;
                                          height: 80px;
                                          background-image: url('../img/company-logo.png');
                                          overflow: hidden;
                                          position: relative;
                                          text-indent: -999em;
	}
/*
.fontface h1.fnt-sixcaps
{
    font-size: 64px;
    font-weight: 400;
    margin-bottom: 0pt;
    margin-top: 0pt;
    text-transform: uppercase;    
    width:410px;
    height:90px;
}

.fontface h1.fnt-sixcaps span{
    color:#BB161D;    
    letter-spacing: 3px;
}

*/
header p.description                    {
                                          margin-top: 0pt;
                                          display: none;
	}
.content img                            {
                                          float: left;
                                          margin: 0 4px 1px 0pt;
                                          padding: 5px;
                                          width: 20%;
                                          height: 20%;
	}
.projects img                           {
                                          float: right;
                                          background-color: #eee;
                                          margin: 0 0 1px 5px;
                                          padding: 5px;
                                          box-shadow: 0 2px 2px #bbb;
	}
.contact-info                           {
                                          border-bottom: 1px solid #ccc;
                                          background-color: transparent;
                                          padding-bottom: 1em;
	}
.contact ul                             {
                                          list-style: none;
                                          margin-top: 2.5em;
	}
footer h4                               {  color: #888 }
footer .maps .gmaps                     {
                                          border: 10px solid #EDEDED;
                                          height: 280px;
                                          margin-top: 2.5em;
                                          width: 425px;
	}
/* shadows */
.main                                   {  box-shadow: 0px 1px 3px #555;
                                           background-image: url("../img/bg-grid.png");
                                           background-repeat: repeat; 
}
/* text shadows */
h3,
article h2                              {
                                          border-bottom: 2px solid #555;
                                          font-size: 1.4em;
                                          padding-bottom: 2px;
                                          color: #222;
	}
article h2                              {
                                          background-color: #333;
                                          border-bottom: 3px solid #222;
                                          border-radius: 0.2em 0.2em 0.2em 0.2em;
                                          color: #eee;
                                          font-size: 1.35em;
                                          padding-bottom: 2px;
                                          padding-left: 10px;
	}
article h3                              {
                                          font-size: 1em;
                                          border-bottom: 0pt;
	}
.padl-40                                {  padding-left: 40px }
.padl-40 h3                             {  margin-bottom: 0pt }
.padl-40 p                              {  margin-top: 4px }
/* google translate tools */
#google_translate_element               {
                                          float: right;
                                          height: 53px;
                                          margin-top: 15px;
                                          overflow: hidden;
                                          width: 208px;
	}
#google_translate_element select        {
                                          background: url("../img/select.png") no-repeat scroll 0 -79px transparent;
                                          border: 0 none;
                                          color: #888888;
                                          height: 35px;
                                          padding-left: 5px;
                                          padding-top: 2px;
                                          width: 226px;
	}
#google_translate_element select:hover  {
                                          background-position: 0px -39px;
                                          color: #555;
	}
#google_translate_element select option {
                                          background: #fff;
                                          color: #555;
	}
/* end content */
/* footer*/
footer                                  {
                                          background: url('../img/footer-bg.png') repeat-x 0% 0%;
                                          font-size: 0.9em;
                                          color: #999;
                                          margin: 2em 0pt 0.5em;
	}
footer .copyright                       {  margin-top: 2px }
footer nav                              {  margin-top: 1em }
footer nav li                           {
                                          border-right: 1px dotted #CCCCCC;
                                          float: left;
                                          font-size: 0.9em;
                                          padding: 0 10px;
	}
footer nav li.first                     {  padding-left: 0pt }
footer nav li a,
footer .copyright a                     {
                                          color: #888 !important;
                                          text-decoration: none;
                                          font-weight: 400;
	}
footer nav li a:hover,
footer .copyright a:hover               {  color: #36c !important }
/* content article*/
article                                 {  margin: 0pt }
img.fl                                  {
                                          float: left;
                                          margin-right: 5px;
	}
/* article table */
table.project-ref                       {
                                          background-color: #fff;
                                          border-collapse: collapse;
                                          font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
                                          font-size: 12px;
                                          margin: 20px 10px;
                                          text-align: left;
                                          box-shadow: 0px 1px 3px #bbb;
                                          border: 10px solid #fff;
	}
thead                                   {  border-bottom: 2px solid #333 }
thead th                                {
                                          color: #333;
                                          font-size: 14px;
                                          font-weight: 400;
                                          padding: 10px 8px;
	}
thead th.cname                          {  width: 32% }
.ongoing thead th.cname                 {  width: 28% }
thead th.details                        {  width: 49% }
tbody td                                {
                                          border-bottom: 1px solid #CCCCCC;
                                          color: #555;
                                          padding: 6px 8px;
	}
tbody td strong.db                      {
                                          font-weight: 400;
                                          color: #444;
	}
tbody td em                             {
                                          font-style: normal;
                                          color: #888;
                                          font-size: 10px;
	}
.db                                     {  display: block }
.page-projects .main .col-2 ul,
.home .col-2 ul                         {
                                          font-size: 0.7em;
                                          padding-left: 16px;
                                          margin: 0pt;
                                          list-style: circle;
	}
table.project-ref tr td + td + td       {  font-size: 10px }
table.project-ref tr.alt                {  background-color: #e9F4FC }
/* pagination */
.pgnation                               {
                                          margin-left: 10px;
                                          font-size: 12px;
	}
.pgnation span                          {  color: #888 }
.pgnation a                             {
                                          background-color: #F7F7F7;
                                          border: 1px solid #ccc;
                                          box-shadow: 0 1px 1px #ddd;
                                          color: #888888;
                                          margin-right: 5px;
                                          padding: 3px 5px;
                                          text-decoration: none;
                                          outline: 0pt none;
	}
.pgnation a:hover                       {
                                          background-color: #3EBDFF;
                                          color: #fff;
	}
.pagination a:focus                     {  outline: 0pt none }
/* flags */
.flag-my,
.flag-sg,
.flag-id,
.flag-ph,
.flag-us,
.flag-vn                                {
                                          background: transparent none no-repeat 0% 50%;
                                          padding-left: 20px;
	}
.flag-my                                {  background-image: url('../img/flags/my.png') }
.flag-sg                                {  background-image: url('../img/flags/sg.png') }
.flag-ph                                {  background-image: url('../img/flags/ph.png') }
.flag-id                                {  background-image: url('../img/flags/id.png') }
.flag-us                                {  background-image: url('../img/flags/us.png') }
.flag-vn                                {  background-image: url('../img/flags/vn.png') }
/**
 * suckerfish menu
 */
.sf-menu,
.sf-menu *                              {
                                          margin: 0;
                                          padding: 0;
                                          list-style: none;
	}
.sf-menu                                {  line-height: 1.0 }
.sf-menu ul                             {
                                          position: absolute;
                                          top: -999em;
                                          width: 10em; /* left offset of submenus need to match (see below) */
	}
.sf-menu ul li                          {
                                          width: 100%;
                                          background: #333;
                                          border-bottom: 0pt !important;
                                          border-right: 4px solid #333 !important;
	}
.sf-menu li:hover                       {
                                          visibility: inherit; /* fixes IE7 'sticky bug' */
	}
.sf-menu li                             {
                                          float: left;
                                          position: relative;
	}
.sf-menu a                              {
                                          display: block;
                                          position: relative;
	}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul                  {
                                          left: 0;
                                          top: 2.5em; /* match top ul list item height */
                                          z-index: 99;
	}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul             {  top: -999em }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul             {
                                          left: 10em; /* match ul width */
                                          top: 0;
	}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul          {  top: -999em }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul          {
                                          left: 10em; /* match ul width */
                                          top: 0;
	}
/*****/
.sf-menu a.sf-with-ul                   {
                                          padding-right: 2.25em !important;
                                          min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
	}
.sf-sub-indicator                       {
                                          position: absolute;
                                          display: block;
                                          right: .75em;
                                          top: 1.05em; /* IE6 only */
                                          width: 10px;
                                          height: 10px;
                                          text-indent: -999em;
                                          overflow: hidden;
                                          background: url('../img/navmenu/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
a > .sf-sub-indicator                   {
                                          /* give all except IE6 the correct values */
                                          top: 1.5em;
                                          background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator      {
                                          background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator           {  background-position: -10px 0 }
.sf-menu ul a > .sf-sub-indicator       {  background-position: 0 0 }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator
                                        {
                                          background-position: -10px 0; /* arrow hovers for modern browsers*/
	}
/*** shadows for all but IE6 ***/
.sf-shadow ul                           {
                                          background: url('../img/navmenu/shadow.png') no-repeat bottom right;
                                          padding: 0 8px 9px 0;
                                          -moz-border-radius-bottomleft: 17px;
                                          -moz-border-radius-topright: 17px;
                                          -webkit-border-top-right-radius: 17px;
                                          -webkit-border-bottom-left-radius: 17px;
	}
.sf-shadow ul.sf-shadow-off             {  background: transparent }
.sf-menu ul li:hover                    {  border-right-color: #BB161D !important }
.active ul li a                         {  color: #fff !important }
/* page keypersonnel*/
.page-key-personnel .col-1 .wrap,
div.wrap                                {  padding: 10px }
.page-key-personnel .col-1 h4           {
                                          font-size: 0.85em;
                                          margin-bottom: 1px;
	}
.page-key-personnel .col-1 span.role    {  font-size: 0.8em }
.page-key-personnel .col-2,
.home .col-2                            {
                                          background-color: #efefef;
                                          margin-right: -2px;
                                          border: 1px solid #ddd;
                                          border-bottom-left-radius: 0.2em;
                                          border-bottom-right-radius: 0.2em;
	}
.page-key-personnel .col-2 h2,
.home .col-2 h2                         {
                                          border: 0pt;
                                          background-color: transparent;
                                          color: #222;
	}
.normal-fontsize                        {  font-size: 0.85em }
ul.normal-fontsize                      {  list-style: circle }
.normal-fontsize li                     {  margin-bottom: 16px }
ul.na                                   {
                                          list-style: none !important;
                                          margin: 0pt;
                                          padding: 0pt;
	}
/* contact us page */
.page-contact .col-2 ul,
.home .col-2 ul,
.page-key-personnel .col-2 ul.list-menu {
                                          border-bottom: 1px solid #DDDDDD;
                                          border-top: 1px solid #DDDDDD;
                                          font-size: 0.85em;
                                          padding: 10px;
	}
.list-menu                              {
                                          list-style: none !important;
                                          line-height: 1.8em;
                                          padding: 0pt !important;
	}
.list-menu li                           {
                                          background: url("../img/icons/bullet-square.gif") no-repeat 97% 50% transparent;
                                          border-bottom: 1px solid #CCCCCC;
                                          border-top: 1px solid #FFFFFF;
                                          margin: 0;
                                          padding: 0px 10px;
	}
.list-menu li:first-child               {  border-top: 0pt }
.list-menu li:last-child                {  border-bottom: 0pt }
.list-menu li:hover                     {
                                          background-color: #333;
                                          color: #fff;
                                          border-top-color: #333;
	}
.list-menu a                            {
                                          text-decoration: none;
                                          color: #555;
                                          display: block;
	}
.list-menu a:hover,
.list-menu li:hover a                   {  color: #fff }
.col-2 .title                           {
                                          padding: 0px 10px;
                                          margin: 14px 0pt 8px;
                                          color: #1B2B32;
	}
.just                                   {  text-align: justify }
.br-b                                   {  border-bottom: 3px solid #1B2B32 }
/* about content */
#about-content                          {
                                          background-color: #E1F2F4;
                                          margin-left: -10px;
                                          padding: 0 10px;
	}
#telno                                  {
                                          color: #777777;
                                          margin: 0;
                                          padding: 0 5px 0 0;
                                          text-align: right;
	}
.read-more                              {
                                          background-color: #B22E2F;
                                          border-radius: 0.2em;
                                          color: #FFFFFF;
                                          font-size: 10px;
                                          margin: 0 0 0 auto;
                                          padding: 4px 10px;
                                          text-decoration: none;
                                          text-transform: uppercase;
                                          width: 32%;
	}
.bgdark                                 {  background-color: #444 }
.read-more:visited                      {  color: #fff }
.bul-circle                             {  list-style: circle }
/*social button */
.social-network li                      {
                                          background: transparent none 0% 50% no-repeat;
                                          padding-left: 22px;
	}
.social-network .bt-facebook            {  background-image: url('../img/icons/facebook.png') }
.social-network .bt-twitter             {  background-image: url('../img/icons/twitter.png') }
.social-network .bt-linkedin            {  background-image: url('../img/icons/linkedin.png') }

.social-network li a                    {
                                          text-decoration: none;
                                          color: #444;
	}
.social-network a:visited               {  color: #444 }

.social-network li a:hover              {
                                          color: #36c;
	}

.home .contact p.infod                  {  margin-top: 2.5em }

#g-contact                              {  
                                            height: 646px;
                                            margin-top: 2em;
                                            overflow: hidden;
    }
    
.home footer .contact p{
    color:#666;
}

.notice{
    margin: 2em 20px;
}

h1 a{
    display: block;
    height: 80px;    
    width: 391px;    
}

.home .col-2 ul.vcard{
    padding: 10px 5px;
    font-size:12px;
}

